// pages/function/singleDog/singleSave/singleSave.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    navTop: getApp().globalData.navTop,
    selectManColor: "",
    selectWomanColor: "",
    selectManBorder: '',
    selectWomanBorder: '',
    imgUrl: '',
    form: {
      avatar: '',
      sex: '',
      connection: '',
      introduce: ''
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  // 图片传来的信息
  chooseImg(e) {
    this.setData({
      imgUrl: e.detail.value
    })
    const that = this
    wx.uploadFile({
      filePath: this.data.imgUrl,
      name: 'file',
      url: getApp().globalData.url + '/manhe/uploadImage',
      header: {
        'authorization': wx.getStorageSync("token"),
        'content-type': 'application/json'
      },
      success(res) {
        // console.log(res.data)
        const newImg = res.data.split(":")[3].split("}")[0].split("\"")[1]
        // console.log(newImg)
        that.setData({
          ['form.avatar']: newImg,
        })
      }
    })
  },

  // 获取微信号
  getConnect(e) {
    // console.log(e)
    this.setData({
      ['form.connection']: e.detail.value
    })
  },
  // 选择男生
  chooseMan() {
    this.setData({
      selectManColor: 'rgb(80, 44, 214)',
      selectWomanColor: '',
      selectManBorder: '4rpx solid red',
      selectWomanBorder: '',
      ['form.sex']: 0
    })
  },
  // 选择女生
  chooseWoman() {
    this.setData({
      selectManColor: '',
      selectWomanColor: 'rgb(80, 44, 214)',
      selectManBorder: '',
      selectWomanBorder: '4rpx solid red',
      ['form.sex']: 1
    })
  },
  getTextarea(e) {
    this.setData({
      ['form.introduce']: e.detail.value
    })
  },
  // 提交表单
  submitForm() {
    const form = this.data.form
    if (form.introduce && form.connection && form.sex >= 0) {
      if (form.avatar == "" && this.data.imgUrl) {
        wx.showToast({
          title: '图片过大请稍等',
          icon: 'error'
        })
        return false
      } else if (form.avatar && this.data.imgUrl) {
        this.postDetail()
      } else {
        wx.showToast({
          title: '请上传图片',
          icon: 'none'
        })
        return false
      }
    } else {
      wx.showToast({
        title: '有内容未填写',
        icon: 'none'
      })
      return false
    }
  },

  // 上传接口
  async postDetail() {
    const res = await getApp().requestWithToken.post('/manhe/add', {
      data: this.data.form
    })
    // console.log(res)
    if (res.code === 200) {
      wx.showToast({
        title: '上传成功',
      })
      setTimeout(() => {
        wx.reLaunch({
          url: '/pages/function/singleDog/singleIndex/singleIndex',
        })
      }, 700)
    } else if (res.code === 403) {
      wx.showToast({
        title: '已达上限，明天再来',
        icon: 'none'
      })
      return false
    } else {
      wx.showToast({
        title: '服务器出错',
        icon: 'error'
      })
    }
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})